<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>卢丹氏</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/01index.css">
</head>
<body>
    <!-- gyt05050 gyt05050 -->
    <!-- header -->
    <div class="header">
       <img class="logo" src="../img/header-logo.png" alt="">
       <div class="infoContainer">
            <a href="03productCart.html" class="info">
                <img src="../img/shopping_cart_icon.png" alt="">
                <!-- <em>0</em> -->
            </a>
            <a href="#" class="info user">
                <img src="../img/user_icon.png" alt="">
            </a>
            <div class="info-con" style="z-index: 999;">
                <div class="title">正品代购，假一赔三！</div>
                <div class="info-inner">
                    <div class="login">
                        <span>密码登录</span><br />
                        <input type="text" placeholder="用户名"><span></span><br />
                        <input type="password" placeholder="请填写密码"><span></span><br />
                        <button class="login-btn">登录</button>
                    </div>
                    <div class="reg">
                        <span>注册用户</span><br>
                        <p>注册账号以便追踪您的订单，管理收货 地址，获取更多个性化信息 </p>
                        <button class="r-btn">创建账号</button>
                    </div>
                   
                </div>
                <div class="cancle-btn">×</div>
            </div>
            
            <div class="regHtml" style="z-index: 999;">
                <div class="title">正品代购，假一赔三！</div>
                <div class="regHtml-con">
                    <div>用户名*<input type="text" placeholder="请输入用户名"><span></span></div><br/>
                    <div>密&nbsp;&nbsp;&nbsp;码*<input type="password" placeholder="请输入密码，至少6个字符"><span></span></div><br/>
                    <div>确定密码*<input type="password" placeholder="请再次输入您的密码"><span></span></div><br/>
                    <button class="reg-btn">立即注册</button>
                    <a href="#">已有账号，我要登录></a>
                </div>
                <div class="cancle-btn">×</div>

            </div>

       </div>
    </div>
    <!-- nav -->
    <div class="nav">
        <div class="nav-con"><a href="#">首页</a></div>
        <div class="icon">
            <span class="icon-con"></span>
        </div>
        <div class="nav-con"><a href="#">产品分类</a></div>
        <div class="icon">
            <span class="icon-con"></span>
        </div>
        <div class="nav-con"><a href="#">香水知识</a></div>
        <div class="icon">
            <span class="icon-con"></span>
        </div>
        <div class="nav-con"><a href="#">品牌故事</a></div>
        <div class="icon">
            <span class="icon-con"></span>
        </div>
        <div class="nav-con"><a href="#">香水小样</a></div>

    </div>
    <!-- banner -->
    <div class="banner">
        <img src="../img/banner.jpg" alt="">
    </div>
    <!-- popular -->
    <div class="popular">
        <h2>明星单品</h2>
        <div class="p-inner">
            <div class="p-nav first">
                <li>Top1</li>
            </div>
            <div class="p-nav sec">
                <li>Top2</li>
            </div>
            <div class="p-nav th">
                <li>Top3</li>
            </div>
        </div>
        <div class="top1-con">
            <img src="../img/top1.jpg" alt="">
            <div class="right">
                <div class="right-con">
                    <div class="tit">
                        柏林少女
                        <br>
                        Serge Lutens La Fille de Berlin, 2013
                    </div>
                    <div class="price">
                        <span>¥ 789.00/50ml</span>
                        <!-- <a href="#">立即购买</a> -->
                    </div>
                </div>
                <img class="pro-img" src="../img/img5.png" alt="">
            </div>
        </div>
        <div class="top1-con top2-con" style="display: none;">
            <img src="../img/top2.jpg" alt="">
            <div class="right">
                <div class="right-con">
                    <div class="tit">
                        孤女(孤儿怨)
                        <br>
                        Serge Lutens L'orpheline, 2014
                    </div>
                    <div class="price">
                        <span>¥ 789.00/50ml</span>
                        <!-- <a href="#">立即购买</a> -->
                    </div>
                </div>
                <img class="pro-img" src="../img/img1.png" alt="">
            </div>
        </div>
        <div class="top1-con top-con3" style="display: none;">
            <img src="../img/top3.jpg" alt="">
            <div class="right">
                <div class="right-con">
                    <div class="tit">
                        八月夜桂花（透明桂花）
                        <br>
                        Serge Lutens Nuit de Cellophane, 2009
                    </div>
                    <div class="price">
                        <span>¥ 789.00/50ml</span>
                        <!-- <a href="#">立即购买</a> -->
                    </div>
                </div>
                <img class="pro-img" src="../img/img3.png" alt="">
            </div>
        </div>
    </div>
    <!-- product -->
    <div class="prodcut">
        <div class="product-tit">
            <h2>新品推荐</h2>
            <a href="#">查看所有产品></a>
        </div>
        <div class="list-product">
            
        </div>
    </div>
    <!-- method -->
    <div class="method">
        <div class="product-tit">
            <h2>香水攻略</h2>
            <a href="#">你想知道的关于芦丹氏香水的一切 ></a>
        </div>
        <div class="method-inner">
            <div class="method-box">
                <img src="../img/method1.jpg" alt="">
                <span>#香水排行榜</span>
                <p class="title">TOP2.芦丹氏 孤女(孤儿怨)Serge Lutens<br> L'orpheline 焚香麝香女士香水</p>
                <a href="#">查看全文</a>
            </div>
            <div class="method-box">
                <img src="../img/top1.jpg" alt="">
                <span>#香评</span>
                <p class="title">芦丹氏的柏林少女 到底该不该入手？</p>
                <a href="#">查看全文</a>
            </div>
        </div>
       
    </div>
    <!-- bottom -->
    <div class="bottom">
        <div class="bottom-nav">
            <div class="nav-box">
                <p>购物指南</p>
                <a href="#">购物流程</a>
                <a href="#">我的购物车</a>
                <a href="#">我的订单</a>
            </div>
            <div class="nav-box">
                <p>配送与支付</p>
                <a href="#">支付方式</a>
                <a href="#">配送方式</a>
            </div>
            <div class="nav-box">
                <p>服务与政策</p>
                <a href="#">退换货政策</a>
                <a href="#">正品保证</a>
            </div>
        </div>
        <div class="bottom-con">
            <p>本站是买手店，所涉及Serge Lutens、芦丹氏标志和图案的全部均为Serge Lutens公司注册商标。<br>
                © 2020 Ludanshi.net</p>
        </div>
      
    </div>
    <script src="../js/axios.min.js"></script>
    <script src="../js/api.js"></script>
    <script src="../js/01tab.js"></script>
    <script src="../js/01reg-login.js"></script>
    <script src="../js/02product-list.js"></script>
</body>
</html>